<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/home-page.css"/>
		<link rel="stylesheet" type="text/css" href="css/articleCenter.css"/>
		<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css"/>
		<script src="js/jquery-1.11.2.js"></script>
		<!--<script src="js/jquery.easing.1.3.js"></script>-->
		<script src="js/Velocity.js"></script>
		<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
		<script src="js/home-page.js"></script>
		<!--<script src="js/ModifyPassWords.js"></script>-->
		<script src="js/articleCenter.js"></script>
		<title>物品中心</title>
	</head>
	<body class="all-page articleCenter">
		<div class="header">
			<ul class="parent">
				<li><a href="home-page.html">首页</a></li>
				<li><a href="#">个人信息</a>
					<ul>
						<li><a href="modify.html">修改个人信息</a></li>
						<li><a href="modifyPassWords.html">修改个人密码</a></li>
						<li><a href="borrowInformation.html">查看借阅信息</a></li>
						<li><a href="attendanceHistory.html">查看签到历史</a></li>
					</ul>
				</li>
				<li><a href="#">文件中心</a>
					<ul>
						<li><a href="#">上传文件</a></li>
						<li><a href="#">查找文件</a></li>
					</ul>
				</li>
				<li><a href="#">物品中心</a>
					<ul>
					</ul>
				</li>
				<li><a href="#">项目管理</a>
					<ul>
						<li><a href="projectManagement.html">所有项目</a></li>
						<li><a href="#">我的项目</a></li>
					</ul>
				</li>
				<li><a href="#">活动报名</a>
					<ul>
						<li><a href="#">查看可报名的活动</a></li>
						<li><a href="#">查看已报名的活动</a></li>
					</ul>
				</li>
				<li><a href="gitAndBlog.html">分享交流</a>
					<ul></ul>
				</li>			
			</ul>
			<div class="current-and-exit">
				<a class="exit" href="login2th.html">退出登录</a>
				<p class="current-user">当前用户：赖智辉</p>
			</div>
		</div>
		<p class="copyrights">copyrights © 2015-2016 SCAU E-TOP</p>
		
		<div class="articleDisplay">
			<div class="title">物品中心
				<form>
					<input id="search" name="search" type="text" placeholder="查找（支持空格多关键字查找）"/>
				</form>
			</div>
			<div class="content">
				<table>
					<thead>
						<tr><th>物品名称</th><th>借阅归还</th><th>借取人</th><th>借出时间</th><th>应还时间</th><th>联系方式</th></tr>
					</thead>
					
					<tbody>
						<tr><td>JavaScript高级程序设计第三版</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>CSS高级Web标准解决方案</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>java web从入门到精通</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>JavaScript权威指南</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>计算机组成原理</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>汇编</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>红楼梦</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>三国演义</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>悲惨世界</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>千年一叹</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>兰亭集序</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>圣教序</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>借出</button></td><td>赖智辉</td><td>2015年3月22日</td><td>2015年6月22日</td><td>65391</td></tr>
						<tr><td>JavaScript高级程序设计</td><td><button>点我借阅</button></td><td>无</td><td>无</td><td>无</td><td>无</td></tr>
					</tbody>
				</table>
			</div>
		</div>
		
		<div class="mask">
			<div class="borrow">
				<p class="title">借阅</p>
				<p class="tip">请输入归还日期<span></span></p>
				<form action="#">
					<input class="returnDay" name="returnDay" 
					type="text" placeholder="输入"/>
					<p class="timeTip">eg:2015年3月12日</p>
					<div class="adjust">
						<input type="submit" value="确认"/>
						<input type="button" value="取消"/>						
					</div>
				</form>
			</div>
		</div>
		
		<div class="returnMask">
			<div class="return">
				<p class="title">详情</p>
				<table>
					<tr><td>预计归还时间</td><td>2015年6月12日</td></tr>
					<tr><td>借出时间</td><td>2015年3月12日</td></tr>
					<tr><td>借取人</td><td>赖智辉</td></tr>
					<tr><td>短号</td><td>65391</td></tr>
					<tr><td>QQ号码</td><td>824195172</td></tr>
					<tr><td>长号</td><td>18814127391</td></tr>
					<tr><td>现住地址</td><td>华山23栋401</td></tr>
				</table>				
				<div class="adjust">
					<form>
						<input type="submit" value="确认"/>
					</form>
				</div>
			</div>
	</body>
</html>
